<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title><h:outputText value="Sistema de Gestión de Inventarios"/> </title>
        <link href="../resources/css/default.css" type="text/css" rel="stylesheet" />
    </h:head>
    <h:body>  
        <h:form id="frmMenu">
            <table width="100%" style="background-image: url('../imagenes/bk_banda.gif');height: 30%;" >
                <tr>
                    <td align="left">
                        <img src="../imagenes/logo_nnessa2.png" style="width: 130px;height: 25px"/>
                    </td>
                    <td style="padding: 6px;" valign="bottom">
                        <table align="right" cellpadding="0" cellspacing="0">
                            <tr>
                                <td valign="middle">
                                    <h:outputText styleClass="ui-banda-texto" value="#{principalMb.usuario.username}" /><br />
                                </td>
                                <td>
                                    &nbsp;<h:outputText styleClass="ui-banda-texto" value="::" style="font-weight: bold"/> &nbsp;
                                </td>
                                <td>
                                    <h:outputText styleClass="ui-banda-texto" value="#{principalMb.usuario.nombreCompleto}" />
                                </td>
                                <td>
                                    &nbsp;<h:outputText styleClass="ui-banda-texto" value="::" style="font-weight: bold"/> &nbsp;
                                </td>
                                <td>
                                    <h:outputText styleClass="ui-banda-texto" value="#{principalMb.fecha}" id="txtFecha"/>
                                    <p:poll interval="1" listener="#{principalMb.setearFecha}" update="txtFecha" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <p:menubar>
                <p:menuitem value="Cerrar Sesión" url="#" icon="ui-icon-close" />
                <p:menuitem value="Productos"  action="#{menuMb.articulos}" icon="ui-icon-folder-collapsed" ajax="false" />
                <p:submenu label="Configuración" icon="ui-icon-folder-collapsed">
                    <p:menuitem value="Usuario" action="#{menuMb.usuarios}"  icon="ui-icon-folder-open" ajax="false"/>
                    <p:menuitem value="Roles"  action="#{menuMb.roles}" icon="ui-icon-folder-open"/>
                </p:submenu>
            </p:menubar>
        </h:form>
        <p:outputPanel layout="block" style="background-color: #FFFFFF; width:100%;height:500px;padding: 0px; margin: 0px;" >
            <p:spacer width="100%" height="10" />
            <ui:insert name="contenido" ></ui:insert>
            <ui:insert name="popups" />
        </p:outputPanel>
        <p:dialog header="Procesando..." id="dlgProcesandoP" 
                  widgetVar="wvProcesandoPagina" modal="true" styleClass="ui-campo_formulario" 
                  closable="no">
            <h:outputText value="Procesando petición" styleClass="ui-campo_formulario" /><br/>
            <img src="../imagenes/loading.gif" border="0" />
        </p:dialog>

    </h:body>
</html>
